<!DOCTYPE html>
<html>
  <head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width" />
    <title>Oni - Evento Actual </title>
    <link rel="stylesheet" type="text/css" href="css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css" />
    <link rel="stylesheet" type="text/css" href="css/home/home.css" />
    <link rel="stylesheet" type="text/css" href="css/home/nuevo_actual.css" />

    <script src="js/modernizr.js"></script>
  </head>
  <body>
  <header></header>
  <div id="main_wrapper">


    <div id="header">
       <div id="nav_mis_container">
          <a id="nav_ev_act" href="nuevo_evento_actual.html">Evento <span class="blue_font_menu">Actual</span></a>
          <a id="nav_ev_pas" href="mis_eventos.html">Eventos <span class="blue_font_menu">Pasados</span></a>
        </div>
      <nav>
        <a id="nav_nuevo" href="nuevo_evento.html">Nuevo <span class="blue_font_menu">Evento</span></a>
        <a id="nav_mis_ev" href="mis_eventos.html">Mis <span class="blue_font_menu">Eventos</span></a>

        <a href="" id="logo"></a>
        <a id="nav_amigos" href="eventos_amigos.html">Eventos de <span class="blue_font_menu">Mis Amigos</span></a>
        <a id="nav_acerca" href="">¿Qué es <span class="blue_font_menu">NutriONI?</span></a>
      </nav>

    </div>
    
    <div id="main_content">

      <div id="panel_overlay">

        <div id="flag_top_head">
          <p class="title_event">Cumpleaños de Cacho</p>
          <p class="date_event">15 de Agosto de 2012</p>          
          <p class="meta_quantity">$1,500</p>
        </div>
        <div id="event_counter">
          <p class="dia_count">02</p>
          <p class="hr_count">14</p>
          <p class="min_count">27</p>
        </div>
        <div id="results_count">
          <p class="red_leter_count left">900</p>
          <p class="red_leter_count center">504</p>
          <p class="red_leter_count right">6</p>

        </div>


      </div>
      <p id="desc_down">Con tu ayuda podemos llegar a la meta</p>
      <a href="javascript:;" id="btn_donar"></a>
      <p id="desc_paypal">¿Cómo donar en Paypal?</p>

      <div id="panel_invitados">
        <div id="top_flag"></div>
          <div id="friends_panel">
            <div class="fb_friend_display"><a href=""><img src="img/nuevo_evento/fb_user_icon03.jpg" /></a><p class="fb_profile_name">José Martín García</p></div>
            <div class="fb_friend_display"><a href=""><img src="img/nuevo_evento/fb_user_icon03.jpg" /></a><p class="fb_profile_name">José Martín García</p></div>
            <div class="fb_friend_display"><a href=""><img src="img/nuevo_evento/fb_user_icon03.jpg" /></a><p class="fb_profile_name">José Martín García</p></div>
            <div class="fb_friend_display"><a href=""><img src="img/nuevo_evento/fb_user_icon03.jpg" /></a><p class="fb_profile_name">José Martín García</p></div>
            <div class="fb_friend_display"><a href=""><img src="img/nuevo_evento/fb_user_icon03.jpg" /></a><p class="fb_profile_name">José Martín García</p></div>
            <div class="fb_friend_display"><a href=""><img src="img/nuevo_evento/fb_user_icon03.jpg" /></a><p class="fb_profile_name">José Martín García</p></div>
            <div class="fb_friend_display"><a href=""><img src="img/nuevo_evento/fb_user_icon03.jpg" /></a><p class="fb_profile_name">José Martín García</p></div>
            <div class="fb_friend_display"><a href=""><img src="img/nuevo_evento/fb_user_icon03.jpg" /></a><p class="fb_profile_name">José Martín García</p></div>
            <div class="fb_friend_display"><a href=""><img src="img/nuevo_evento/fb_user_icon03.jpg" /></a><p class="fb_profile_name">José Martín García</p></div>
            
          </div>

      </div>

    </div><!-- END #main_content  -->


  </div> <!-- END #main_wrapper  -->

  <div id="lightbox_wrap" href="javascript:;" style="display: none">
    <div id="lightbox_container">


      <a href="javascript:;" id="btn_add_lightbox"></a>
      <a href="javascript:;" id="btn_close_lightbox"></a>
    </div>

  </div>

  <footer></footer>
  <script src="js/jquery-1.7.2.min.js"></script>
  <script src="js/jquery.fancybox.js"></script>
  <script src="js/home/home.js"></script>
  <script src="js/home/nuevo_evento.js"></script>
</body>
</html>
